<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>店铺明细列表</title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel="stylesheet" href="../css/common/swiper.min.css" />
		<link rel="stylesheet" href="../css/this/shop.css" />
		<link rel="stylesheet" href="../layer/skin/layer.css" />
	  <style>
    	.swiper-slide img{
    		width:6rem;
    		height:6rem;
    	}
		.swiper-slide{
			margin-left:1.5rem;
			margin-right:0rem!important;		
			width:auto;
		}
    </style>
</head>
<body>
	<!--列表开始-->
	<div class='theFirst shop-sale'></div>
	<script type='text/template' id='tpl-shop-sale'>
	{{if list.length > 0}}
	{{each list as list}}
	<div class='mT7 shop-list' data-orderId = '{{list.order_id}}'>
		<div class='bGWhite  bT bB lH75 oF pL18 pR18 head'>
			<div class='fl avatar'>
				<img src="{{list.logo}}" class='vm bR50 pSR' />
				<span class='fS15 cBlack'>{{list.name}}</span>
			</div>
			<div class='fr view tR'>
				<button class='btn btn-black fS13 mR10 pSR pL5 pR5 '>查看物流</buttton>
				<button class='btn btn-black fS13 pSR pL5 pR5'>订单详情</button>
			</div>
		</div>
		<section class='bB'>
			<div class="swiper-container">
			  <div class="swiper-wrapper">
			  {{if list.product_list.length > 0}}
			  {{each list.product_list as listin}}
			    <div class="swiper-slide pT9 mB9 tC" data-productId ='{{listin.product_id}}'>
			    	<div class='tC'>
			    		<img src="{{listin.pic}}" class='b vb'/>
			    		<p class='clightGrey pT9 fS15 tC cBlack'>&yen; {{listin.price}}</p>
			    	</div>
			     </div>
			     {{/each}}
			     {{/if}}
			  </div>
			</div>
		</section>	
		<section class='bGWhite pL18 pT21 pB21 bB'>
			<p class='fS15 cBlack'>订单编号 ： {{list.order_id}}</p>
			<p class='fS15 cBlack pT9'>订单状态 ： 
				{{if list.status == 0}}取消订单
					{{else if list.status == 1}}待付款
					{{else if list.status == 2}}待发货
					{{else if list.status == 3}}待收货
					{{else if list.status == 4}}已完成
					{{/if}}
			</p>
			<div class='mui-row  pT9 '>
				<div class='mui-col-xs-6'>
					<p class='fS15 cBlack'>商品合计 ：&yen;{{list.cost}}</p>
				</div>
				<div class='mui-col-xs-6 pR18 tR fS15'>
					<p class='cBlack'>预计收益 :  <span class='cDarkRed'>+ {{list.bonusInfo.price}}</span></p>
				</div>
			</div>
		</section>
	</div>
	{{/each}}
	{{/if}}
	</script>
	<div class='reco'></div>
	<!--列表结束-->
	</body>
		<script src='../js/common/jquery.min.js'></script>
		<script src="../js/common/template.js"></script>
		<script src='../js/common/swiper.min.js'></script>
		<script src='../js/common/swiper.animate.min.js'></script>
		<script src='../js/common/api.js'></script>
		<script src='../js/common/loading.js'></script>
		<script src="../js/common/app.js"></script> 
		<script src='../layer/layer.js'></script>
		<script src='../js/common/header.js'></script>
		<script src='../js/common/footer.js'></script>
		<script src='shop.sales.js'></script>
</html>
